.login {
  padding: 36rpx 50rpx 0 50rpx;
  height: 100vh;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  .mt10{
    margin-top: 8rpx;
  }
  .mt60{
    margin-top: 60rpx;
  }
  .mt20{
    margin-top: 20rpx;
  }
  .mt32{
    margin-top: 32rpx;
  }
  .mt48{
    margin-top: 48rpx;
  }
  .mt60{
    margin-top: 60rpx;
  }
  .mt16{
    margin-top: 16rpx;
  }
  .login-logo {
    display: flex;
    justify-content: center;
    .login-logo-image {
      width: 408rpx;
      height: 94rpx;
    }
  }
  .login-title{
    margin:16rpx 0 80rpx 0;
    color: #808080;
    font-weight: 400;
    font-size: 32rpx;
    text-align: center;
  }
  .login-bg{
    background: $uni-bg-color;
    border-radius: $uni-border-radius-base;
    box-shadow: 0 0 64px 0 rgba(0,0,0,0.14);
    padding: 0 32rpx;
    .border-b{
      border-bottom: 2rpx solid $uni-border-color-light;
    }
    .login-int {
      font-size:$uni-font-size-base;
      color: $uni-text-color;
      padding: 12rpx 0;
      .login-int-box{
        position: relative;
        .password-change{
          font-size: 17px;
          margin-left: 40rpx;
          margin-top: 3rpx;
        }
        .verode {
          color:$uni-text-color-red;
          font-size:$uni-font-size-base;
        }
        .verode-data {
          position: absolute;
          right: 28rpx;
          top: 20rpx;
          height: 48rpx;
          line-height: 48rpx;
          background: #E5E5E5;
          border-radius: 24rpx;
          padding: 0 18rpx;
          color: #AEAEAE;
        }
        .u-input__content__field-wrapper__field{
          // #ifdef MP-WEIXIN
          padding-right: 5px;
          // #endif
          // #ifdef MP-ALIPAY
          padding-right: 25px;
          // #endif
        }
        .u-input__content__clear{
          background-color: #F5F5F5;
          transform:scale(0.68);
          .u-icon__icon {
            position: relative;
            &::before{
              position: absolute;
              content: "\e622" !important;
              font-family: "iconfont"!important;
              font-size: 24px;
              font-style: normal;
              color: $uni-text-color;
              right: -10rpx;
            }
          }

        }
      }
    }
  }
  .login-btn {
    .login-box {
      height:80rpx;
      line-height:80rpx;
      border-radius:8rpx;
      font-size:28rpx;
      box-sizing: border-box;
      overflow: hidden;
    }
    .login-org {
      background: #FF0D35;
      color: #fff;
    }
    .login-org-wechat {
      background: #07C160;
      color: #fff;
    }
  }
  .login-other{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    margin:0 -80rpx;
    .hint{
      color: #aaa;
      font-size: 20rpx;
      padding: 32rpx 0 76rpx;
    }
  }
  .privacy-radio {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 36rpx;
    line-height: 36rpx;
    .radio-hint {
      float: right;
      font-size: 24rpx;
      width: calc(100% - 30rpx);
      margin-right: -12rpx;
      view {
        display: inline;
        color: #2A5FCC;
      }
    }
  }
  .login-route{
    margin-top: 260rpx;
    .other{
      color: $uni-grey-aaa;
      text-align: center;
    }
    .login-accounts{
      display: flex;
      align-items: center;
      justify-content:center;
      padding-top: 40rpx;
      .tab{
        display: flex;
        align-items: center;
        flex-direction:column;
        width:160rpx;
        .icon-register{
          width: 96rpx;
          height: 96rpx;
          background: url("@/subPages/login/static/image/login_usericon.png") no-repeat 0 0/96rpx 96rpx;
        }
        .icon-weixin{
          width: 96rpx;
          height: 96rpx;
          background: url("@/subPages/login/static/image/login_weixin.png") no-repeat 0 0/96rpx 96rpx;
        }
      }
      .login-accounts-image{
        width: 96rpx;
        height: 96rpx;
      }
      .login-accounts-title{
        color: rgba(68,68,68,1);
        font-size:$uni-font-size-base;
        font-weight: 400;
        margin-top: 8px;
      }
      .login-accounts-tip{
        color: rgba(170,170,170,1);
        font-size: 20rpx;
        font-weight: 400;
        margin-top: 32rpx;
      }
    }
  }
  .forget-password {
    color:#FF0D35;
    margin-top: 60rpx;
    text-align: right;
    padding-bottom: 12rpx;
  }
}
